// 侧边栏主题配置 - Ant Design Pro 标准
// 注意：激活色和悬停色会动态使用当前主题色（--el-color-primary）
export type AsideThemeType = "light" | "inverted" | "dark";

export const asideTheme: Record<AsideThemeType, Record<string, string>> = {
  light: {
    "--el-menu-bg-color": "#ffffff", // Ant Design 浅色侧边栏背景
    "--el-menu-text-color": "rgba(0, 0, 0, 0.85)", // Ant Design 常规文字色（加深）
    // 使用 CSS 变量，会在运行时动态应用主题色
    "--el-menu-active-color": "var(--el-color-primary)",
    "--el-menu-hover-text-color": "rgba(0, 0, 0, 0.85)", // Ant Design：悬停文字保持深色
    "--el-menu-active-bg-color": "#e6f7ff", // Ant Design：淡蓝色激活背景
    "--el-menu-hover-bg-color": "rgba(0, 0, 0, 0.06)", // Ant Design：淡灰色悬停背景
    "--el-menu-border-color": "#f0f0f0", // Ant Design 分割线色
    // 图标颜色
    "--el-menu-icon-color": "rgba(0, 0, 0, 0.45)", // Ant Design 次要文字色
    "--el-menu-icon-hover-color": "rgba(0, 0, 0, 0.85)", // 悬停时图标变深
    "--el-menu-icon-active-color": "var(--el-color-primary)", // 激活时图标使用主题色
    "--el-menu-active-text-color": "var(--el-color-primary)" // Ant Design：激活文字使用主题色
  },
  inverted: {
    "--el-menu-bg-color": "#001529", // Ant Design Pro 深色侧边栏背景色
    "--el-menu-text-color": "rgba(255, 255, 255, 0.65)", // Ant Design Pro 深色模式文字
    "--el-menu-active-color": "var(--el-color-primary)",
    "--el-menu-hover-text-color": "#ffffff", // Ant Design Pro 标准：悬停时白色文字
    "--el-menu-active-bg-color": "var(--el-color-primary)", // Ant Design Pro 标准：激活背景使用主题色
    "--el-menu-hover-bg-color": "rgba(255, 255, 255, 0.08)", // Ant Design Pro 深色模式悬停
    "--el-menu-border-color": "rgba(255, 255, 255, 0.12)", // Ant Design Pro 深色模式分割线
    // Ant Design Pro 标准：深色侧边栏激活时白色文字，主题色背景（高对比度）
    "--el-menu-icon-color": "rgba(255, 255, 255, 0.45)", // Ant Design Pro 深色模式次要色
    "--el-menu-icon-hover-color": "#ffffff", // 悬停时白色图标
    "--el-menu-icon-active-color": "#ffffff", // 激活时白色图标（背景是主题色，白色对比度最好）
    "--el-menu-active-text-color": "#ffffff" // Ant Design Pro 标准：激活时白色文字（背景是主题色）
  },
  dark: {
    "--el-menu-bg-color": "#141414", // Ant Design Pro 暗黑模式背景
    "--el-menu-text-color": "rgba(255, 255, 255, 0.65)", // Ant Design Pro 暗黑模式文字
    "--el-menu-active-color": "var(--el-color-primary)",
    "--el-menu-hover-text-color": "var(--el-color-primary)",
    "--el-menu-active-bg-color": "rgba(255, 255, 255, 0.08)", // Ant Design Pro 暗黑模式激活背景
    "--el-menu-hover-bg-color": "rgba(255, 255, 255, 0.04)", // Ant Design Pro 暗黑模式悬停
    "--el-menu-border-color": "rgba(255, 255, 255, 0.12)", // Ant Design Pro 暗黑模式分割线
    // 图标颜色
    "--el-menu-icon-color": "rgba(255, 255, 255, 0.45)", // Ant Design Pro 暗黑模式次要色
    "--el-menu-icon-hover-color": "var(--el-color-primary)",
    "--el-menu-icon-active-color": "var(--el-color-primary)",
    "--el-menu-active-text-color": "var(--el-color-primary)"
  }
};
